<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!-- Driver Add -->
<div class="container">
	<div class="row text-center outer">
		<h3>${appName } 添加驱动</h3>
	</div>
	<form class="form-horizontal" role="form" method="post">

		<!-- 操作 -->
		<div class="row text-right outer">
			<div class="col-md-10"></div>
			<div class="col-md-2">
				<button id="driverSubBtn" type="button" class="btn btn-primary">
					<span class="fa fa-save"></span>保存
				</button>
				<button id="driverBackIndexBtn" type="button"
					class="btn btn-default">
					<span class="fa fa-reply"></span>返回
				</button>
			</div>
		</div>
		<div class="row">
			<span id="appId" class="hidden">${appId }</span>
			<span id="appName" class="hidden">${appName }</span>
			<br />
		</div>

		<div class="row">

			<!-- 数据源配置 -->
			<div id="sourceConfig" class="col-md-5">
				<div class="panel panel-info">
					<div class="panel-heading">
						<h3 class="panel-title">数据源</h3>
					</div>
					<div class="panel-body">
						<!-- 连接器类型 -->
						<div class="form-group">
							<label for="disabledSelect" class="col-sm-2 control-label">连接器</label>
							<div class="col-sm-10">
								<select name="connector" class="form-control select-control">
									<option value="org.fastsyncer.connector.mysql.MysqlConnector">MysqlConnector</option>
									<option value="org.fastsyncer.connector.oracle.OracleConnector">OracleConnector</option>
									<option value="org.fastsyncer.connector.sqlserver.SqlServerConnector">SqlServerConnector</option>
									<option value="org.fastsyncer.connector.sql.SqlMysqlConnector">Sql_MysqlConnector</option>
									<option value="org.fastsyncer.connector.sql.SqlOracleConnector">Sql_OracleConnector</option>
									<option value="org.fastsyncer.connector.ldap.LdapConnector">LdapConnector</option>
									<option value="org.fastsyncer.connector.ws.SourceWebServiceConnector">WebServiceConnector</option>
								</select>
							</div>
						</div>

						<!-- 连接器配置 -->
						<div class="connectorConfig">
							<%@ include file="driverAddMysql.jsp"%>
						</div>

					</div>
				</div>
			</div>

			<!-- 中间图标 -->
			<div class="col-md-2 text-center outer">
				<span class="fa fa-arrow-right fa-2x driver_add_vertical_center"></span>
			</div>

			<!-- 目标源配置 -->
			<div id="targetConfig" class="col-md-5">
				<div class="panel panel-info">
					<div class="panel-heading">
						<h3 class="panel-title">目标源</h3>
					</div>
					<div class="panel-body">
						<!-- 连接器类型 -->
						<div class="form-group">
							<label for="disabledSelect" class="col-sm-2 control-label">连接器</label>
							<div class="col-sm-10">
								<select name="connector" class="form-control select-control">
									<option value="org.fastsyncer.connector.mysql.MysqlConnector">MysqlConnector</option>
									<option value="org.fastsyncer.connector.oracle.OracleConnector">OracleConnector</option>
									<option value="org.fastsyncer.connector.sqlserver.SqlServerConnector">SqlServerConnector</option>
									<option value="org.fastsyncer.connector.ldap.LdapConnector">LdapConnector</option>
									<option value="org.fastsyncer.connector.ws.TargetWebServiceConnector">WebServiceConnector</option>
									<option value="org.fastsyncer.connector.redis.RedisConnector">RedisConnector</option>
								</select>
							</div>
						</div>

						<!-- 连接器配置 -->
						<div class="connectorConfig">
							<%@ include file="driverAddMysql.jsp"%>
						</div>

					</div>
				</div>
			</div>

		</div>

	</form>
</div>

<script type="text/javascript">
	//加载驱动JS
	$.getScript($basePath + '/style/js/driver/driverAdd.js');
	$.getScript($basePath + '/style/js/driver/driverAddValidate.js');
	$.getScript($basePath + '/style/js/driver/driverAddValidateMysql.js');
	$.getScript($basePath + '/style/js/driver/driverAddValidateOracle.js');
	$.getScript($basePath + '/style/js/driver/driverAddValidateSqlMysql.js');
	$.getScript($basePath + '/style/js/driver/driverAddValidateSqlOracle.js');
	$.getScript($basePath + '/style/js/driver/driverAddValidateSqlServer.js');
	$.getScript($basePath + '/style/js/driver/driverAddValidateLdap.js');
	$.getScript($basePath + '/style/js/driver/driverAddValidateRedis.js');
</script>